<!-- START Top Navbar-->
<nav role="navigation" class="navbar topnavbar">
   <!-- START navbar header-->
   <div class="navbar-header">
      <button type="button" ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed" class="navbar-toggle collapsed">
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
      </button>
      <div class="brand-logo">
          <img src="app/img/logo.png" alt="App Logo" class="img-responsive" />
      </div>
      <div class="brand-logo-collapsed">
         <img src="app/img/logo.png" alt="App Logo" class="img-responsive" />
      </div>
   </div>
   <!-- END navbar header-->
   <!-- START Nav wrapper-->
   <div collapse="navCollapsed" class="collapse navbar-collapse head-left">
      <!-- Navbar Menu -->
      <ul ng-controller="TopbarController" class="nav navbar-nav">
         <li ng-repeat="item in menuItems " ng-class="{'dropdown': item.submenu}" dropdown="!!item.submenu">
            <a ng-if="!item.heading &amp;&amp; !item.submenu" ng-href="{{$state.href(item.sref)}}" title="{{item.text}}" target="_blank">
               <span>{{(item.translate | translate) || item.text}}</span>
            </a>
            <a dropdown-toggle="" ng-if="item.submenu">
               <span>{{(item.translate | translate) || item.text}}</span>
            </a>
            <!-- START Dropdown menu-->
            <ul class="dropdown-menu animated fadeInUp">
               <li ng-repeat="subitem in item.submenu">
                  <a ng-href="{{$state.href(subitem.sref)}}" title="{{subitem.text}}"　target="_blank">
                     <span>{{(subitem.translate | translate) || subitem.text}}</span>
                  </a>
               </li>
            </ul>
         </li>
      </ul>
      <!-- End Navbar Menu-->
   </div>
      <!-- START Right Navbar-->
   <div collapse="navCollapsed" class="collapse navbar-collapse head-right">
      <ul class="nav navbar-nav navbar-right">
         <!-- Fullscreen (only desktops)-->
         <li>
            <a href="#/page/login" target="_blank" class="login">
              登录
            </a>
         </li>
         <!-- START Contacts button-->
         <li>
            <a href="#/page/register" target="_blank">
               注册
            </a>
         </li>
         <!-- END Contacts menu-->
      </ul>
   <!-- END Nav wrapper-->
   </div>
</nav>
<!-- END Top Navbar-->